/***********************************************
	leaflet-control-position.scss, 

	(c) 2015, FCOO

	https://github.com/FCOO/leaflet-control-position
	https://github.com/FCOO


************************************************/
//BOURBON - http://bourbon.io/
@import "../bower_components/bourbon/app/assets/stylesheets/bourbon";

//MODERNIZR-MIXIN - https://github.com/danielguillan/modernizr-mixin
@import "../bower_components/modernizr-mixin/stylesheets/modernizr";

//MATHSASS - https://github.com/terkel/mathsass
@import "../bower_components/mathsass/dist/math";

input:required:invalid, input:focus:invalid {
    background-image: url();
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

input:required:valid {
    background-image: url();
    background-position: right top;
    background-repeat: no-repeat;
}
  
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

//.leaflet-control-position
.leaflet-control-position {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	background: #fff;
	border-radius: 4px;

	a {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		display: block;
		background-image: url(images/position.png);
		width: 26px;
		height: 26px;

		/*Not used
		.leaflet-touch & {
			width: 26px;
			height: 26px;
		}
		*/
	}
}


//.leaflet-control-position-toggle - NOT USED?
.leaflet-control-position-toggle {
	.leaflet-control-position-expanded & {
		display: none;
	}
}

//icon-target
.icon-target {
	font-size: 18px;
	.leaflet-control-position-expanded & {
		display: none;
	}
}


//leaflet-control-position-form
.leaflet-control-position-form {
	.leaflet-control-position & {
		display: none;
	}
	.leaflet-control-position-expanded & {
		display: block;
		position: relative;
		padding: 1px;
	}
}
